/* scrollpic */
.scrollpic_wrap{width:100%;background:#ffffff;margin:40px auto 0;padding:40px 0 30px;}
.scrollpic{width:90%;max-width:1280px;margin:0 auto;}
#myscroll{display:block; width:100%; position:relative;overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000%;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;width:20%;margin-right:30px;background:#ffffff;border:1px solid #dedede;border-bottom:0;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;display:block;height: 260px; position:relative;color:#333;text-align:center;border-radius: 0 0 4px 4px;}
#myscroll ul li:hover{border:1px solid #16b4b9;}
#myscroll ul li a img{max-width:100%;max-height: 100%;vertical-align:middle;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
#myscroll ul li a .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
#myscroll .intro{width: 100%;position:absolute; left:0; z-index:10; background-color:#1f71c2; color:#ffffff;padding:0 10px 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#myscroll .intro a h5{padding:0; margin-bottom:10px; font-size:16px; font-weight:bold; padding:0 15px; height:40px; width:100%; line-height:40px; border-bottom:1px solid rgb(45, 122, 197);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;color:#fff;}
#myscroll .intro p{font-size:13px; line-height:20px;height:0; overflow:hidden;transition-duration: .25s;;-ms-transition-duration: .25s;;-moz-transition-duration: .25s;;-webkit-transition-duration: .25s;}
#myscroll .intro{bottom:-25px;}
#myscroll li:hover .intro{bottom:0px;background-color: #16b4b9;}
#myscroll li:hover  p{height:40px; }
#myscroll li:hover a h5{border-bottom:1px solid rgb(27, 188, 193)}
#myscroll li:hover img{transform: scale(1.1,1.1);}

#mybtns{margin-bottom:20px;margin-top:20px; width:100%; display:block; height:42px;text-align:center;}
#mybtns a{width:42px; height:42px;margin-right:1px; background-color: #c1c1c1;border-radius:4px 0 4px 0; -webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
#mybtns a:hover{background-color: #16b4b9;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mybtns #left{background-image:url(../images/jt_l.png);display:inline-block;}
#mybtns #right{background-image:url(../images/jt_r.png);display:inline-block;}